<script setup>

import DataDTopDes from "./DataDTopDes.vue";
</script>

<!--database viewer下半部分的上半内容-->
<!--包含：大标题、GENERAL DATA表格内容（DataDTopDes组件）-->
<template>
  <div id="dataD-top">
    <!--上半部分-->
    <div class="dTop-one">
      <p>
        #2085 - Vehicle(Car x 1)(Generic - 0)
      </p>
    </div>

    <!--下半部分-->
    <div class="dTop-two">
      <p class="dDown-text">
        GENERAL DATA
      </p>

      <hr>

      <div>
        <DataDTopDes/>

      </div>
    </div>
  </div>
</template>

<style scoped>
#dataD-top{
  font-size: 10px;
}
/*上半部分*/
.dTop-one{
  background-color: rgb(238,238,238);
  color: rgb(0, 0, 102);
  font-weight: bolder;
  font-size: 20px;
  padding: 0 3px;
  margin-top: -10px;
}

/*下半部分*/
.dTop-two{
  margin: -3px 5px;
}

.dDown-text{
  color: rgb(31,139,246);
  font-size: larger;
  font-weight: bolder;
  margin-bottom: -5px;
}

hr{
  background-color: black;
  height: 1px; /* 设置水平线的高度 */
  border: none; /* 移除默认的边框 */
}
</style>